<div class='market-all-orders'>
<div class='market-all-orders__controls'>
Choose resource:
<div class='pull-right' ng-if='AllOrders.shardsDropdownList.length &gt; 1'>
<ui:drop-select app-stop-click-propagation app-stop-propagation='mouseout mouseover mousemove wheel' btn-class='md-raised' drop-class='pull-right' label-pattern='Shard: &lt;b&gt;{}&lt;/b&gt;' ng-change='AllOrders.onShardChange()' ng:model='AllOrders.shard' options='AllOrders.shardsDropdownList' style-type='md-button'></ui:drop-select>
</div>
</div>
<div class='market-all-orders__resources-index'>
<a class='market-resource' ng-href="#!{{ 'top.market.all-orders-resource' | routeSegmentUrlStateless:{resourceType: resourceType, shard: AllOrders.shard} }}" ng-repeat='(resourceType,resourceName) in AllOrders.resources'>
<div class='resource-name'>
<img ng-src='https://s3.amazonaws.com/static.screeps.com/upload/mineral-icons/{{resourceType}}.png'>
{{resourceName}}
</div>
<div class='resource-orders' count='AllOrders.data.index[resourceType].count || 0' ng-pluralize when="{one:'1 order',other: '{} orders'}"></div>
</a>
</div>
</div>
